<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="../inc.jsp"></jsp:include>
<script type="text/javascript" charset="utf-8">
	var datagrid;
	$(function() {
		$('form input').bind('keyup', function(event) {/* 增加回车提交功能 */
			if (event.keyCode == '13') {
				datagrid.datagrid('load', sy.serializeObject($('#searchForm')));
			}
		});
		datagrid = $('#datagrid').datagrid({
			url : 'operationLogAction!datagrid.html',
			title : '操作日志列表',
			iconCls : 'icon-save',
			fit : true,
			fitColumns : false,
			nowrap : false,
			border : false,
			idField : 'id',
			sortName : 'id',
			sortOrder : 'desc',
			checkOnSelect : false,
			selectOnCheck : false,
			singleSelect : true,
			columns : [ [ {
				title : '编号',
				field : 'id',
				width : 100,
				sortable : true,
				hidden : true
			}, {
				title : '用户ID',
				field : 'uid',
				width : 100,
				hidden : true
			}, {
				title : '用户',
				field : 'uusername',
				width : 100
			},{
				title : '时间',
				field : 'optTime',
				width : 100
			},{
				title : 'IP',
				field : 'optIp',
				width : 100
			},{
				title : 'actionName',
				field : 'actionName',
				width : 200
			},{
				title : 'method',
				field : 'method',
				width : 100
			},{
				title : 'info',
				field : 'info',
				width : 100
			},{
				title : 'params',
				field : 'params',
				width : 290
			} ] ]
		});

	});
	
	function _search() {
		datagrid.datagrid('load', sy.serializeObject($('#searchForm')));
	}
	
	function cleanSearch() {
		datagrid.datagrid('load', {});
		$('#searchForm input').val('');
	}
</script>
</head>
<body class="easyui-layout" data-options="fit:true">
	<div data-options="region:'north',border:false,title:'搜索条件'" style="height: 85px;overflow: hidden;" align="left">
		<form id="searchForm">
			<table class="tableForm datagrid-toolbar" style="width: 100%;height: 100%;">
				<tr>
					<th style="width:80px;">起始时间</th>
					<td style="width:220px;"><input name="startOptTime" class="easyui-datebox" data-options="editable:false" style="width:200px;" /></td>
					<th style="width:80px;">截止时间</th>
					<td style="width:220px;"><input name="endOptTime" class="easyui-datebox" data-options="editable:false" style="width:200px;" /></td>
				</tr>
				<tr>
					<td colspan="4" align="right" style="text-align:center; "><a href="javascript:void(0);" class="easyui-linkbutton" onclick="_search();">搜索</a> <a href="javascript:void(0);" class="easyui-linkbutton" onclick="cleanSearch();">取消</a></td>
				</tr>
			</table>
		</form>
	</div>
	<div data-options="region:'center',border:false" style="overflow: hidden;">
		<table id="datagrid"></table>
	</div>

</body>
</html>